<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"><!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>添加照片 - {$config.WEB_SITE_TITLE}</title>
        <script src="__PUBLIC__/Home/js/adaptive.js"></script>
        <script src="__PUBLIC__/Home/js/device.min.js"></script>
        <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/css/con-header.css">
        <script src="__PUBLIC__/Home/js/mui.min.js"></script>

        <style>
            h4,h5{margin-top: 0px;margin-bottom: 0px;}
            html{background: #fff;}
            *{margin: 0px;padding: 0px;}
            a{color: #333}
            h4,h5{margin-top: 0px;margin-bottom: 0px;}

            .content{width: 7.5rem;height: auto;margin: 0 auto;background: #ffff;margin-top: 0.88rem;}

            .jb_list {width: 100%;height: auto;padding: 0.4rem 0.3rem;}
            .jb_list span{color: #333}



            .submit{width: 100%;height: 1rem;background: #01B0B8;color: #fff;border: none;line-height: 1rem;text-align: center;
                font-size: 0.32rem;outline: none;position: fixed;bottom: 0px;}

            /*弹窗*/
            .tanchuang{width: 100%;height: 100%;background: rgba(0,0,0,0.2);position: fixed;top: 0px;z-index: 100;display: none}
            .tanchuang .tc{width: 4rem;height: 4.4rem;background: #fff;top: 2rem;border-radius: 0.2rem;text-align: center}
            .tanchuang .tc p:nth-child(1){color: #333;font-size: 0.38rem;margin-top: 0.5rem;}
            .tanchuang .tc p:nth-child(2){color: #01B0B8;font-size: 0.6rem;margin-top: 0.5rem}
            .tanchuang .tc span{width: 80%;height: 0.7rem;background:  -webkit-linear-gradient(left,#015DB8, #01ADB8); /* Safari 5.1 - 6.0 */ ;border-radius: 0.5rem;display: block;text-align: center;line-height: 0.7rem;
                position: relative;margin-top: 0.5rem; color: #fff; }


            .addimg{width: 100%;height: auto;padding: 0.3rem;}
            .addimg ul{width: 100%;height: auto;overflow: hidden}
            .addimg ul li{width: 2.1rem;height: 2rem;background: #E7E7E7;border-radius: 0.1rem;float: left;margin-right: 0.3rem;text-align: center; display: flex;
                justify-content: center; align-items: center;margin-bottom: 0.2rem;position: relative}
            .addimg ul li:nth-child(3n){margin-right: 0px;}
            .addimg ul li b{color: #888888;font-size: 0.88rem;font-weight: 700;}
            .addimg ul li .del{position: absolute;right: 0rem;top: 0rem;width: 0.4rem;height: 0.4rem;background: #FC5624;border-radius: 50%;z-index: 100}
            .addimg ul li .del b{position: absolute;top:50%;left: 0.05rem;transform: translateY(-50%); width: 0.3rem;height: 0.1rem;background: #fff;border-radius: 0.2rem;}

        </style>
    </head>
<body>
<div class="content">
    <div class="top">
        <h4>添加照片</h4>
        <img src="__PUBLIC__/Home/img/tg-fanhui.png" alt="" class="back">
    </div>
    <!--添加照片-->
      <div class="addimg">
          <ul>
              <li><b class="">+</b></li>
              <li>
                  <span class="del"><b></b></span>
              </li>
              <li></li>
              <li></li>
          </ul>

      </div>


    <!--<button class="submit">确认添加</button>-->
    <span class="submit">确认添加</span>


    <div class="tanchuang">
        <div class="tc spjz">
            <p>积分奖励</p>
            <p>20</p>
            <span class="juzhong">确认</span>

        </div>
    </div>
</div>

<script src="__PUBLIC__/Home/js/jquery-1.11.1.js"></script>
<script>
    $(".back").click(function () {
        window.history.back(-1);
    })
    $(".submit").click(function () {
        $(".tanchuang").show();
    })
    $(".juzhong").click(function () {
        $(".tanchuang").hide();
    })



</script>
</body>
